<template>
	<view class="box">
		<!-- 头部 -->
		<view class="tou">
			<image style="width: 100%;height: 100%;" src="../../static/6db114944318c6ca949537a9b4b84e8.png" mode="">
			</image>
		</view>
		<!-- 服务 -->
		<view class="fuw">

			<view>
				<image style="width: 100rpx; height: 90rpx;" src="/static/eba8cb1cbbab6f2b6c85931563b8931.png" mode="">
				</image>
				<text style="margin-top: 10rpx;">场馆预约</text>
			</view>
			<view>
				<image style="width: 100rpx; height: 90rpx;" src="/static/6ec57ca14820b5289704dfdb8fc4c44.png" mode="">
				</image>
				<text style="margin-top: 10rpx;">心通桥</text>
			</view>
			<view>
				<image style="width: 100rpx; height: 90rpx;" src="/static/1c98369da565d7f9ea91ac359fc8a58.png" mode="">
				</image>
				<text style="margin-top: 10rpx;">水电气暖</text>
			</view>
			<view>
				<image style="width: 100rpx; height: 90rpx;" src="/static/a43b8ef410283731ae103e2e28df402.png" mode="">
				</image>
				<text style="margin-top: 10rpx;">钱包缴费</text>
			</view>

		</view>
		<!-- 内容 -->
		<view class="neir">
			<view class="neir_tou">
				附近<text style="color: aqua;font-weight: 500;">0</text>停车场 <text
					style="margin-left: 400rpx;color: #ccc;font-size: 25rpx;">查看全部></text>
			</view>
			<view class="neir_neir">

				<view
					style="border: 1rpx solid #ccc;border-radius: 15px;height: 200rpx;display: flex;align-items: center;justify-content: center;">
					当前区域暂无推荐停车场
				</view>

			</view>
		</view>

		<view class="neir">
			<view class="neir_tou">
				健康医疗
			</view>
			<view class="neir_neir">

				<image style="width: 100%;height: 140rpx;margin: 10rpx 0;"
					src="../../static/2959d537f03c40dee4b2c9aa88afd3f.png" mode=""></image>

				<view class="fuw">

					<view>
						<image style="width: 100rpx; height: 90rpx;" src="/static/21b16b82746f4205ab4e059a03edf66.png"
							mode="">
						</image>
						<text style="margin-top: 15rpx;">智慧健康</text>
					</view>
					<view>
						<image style="width: 100rpx; height: 90rpx;" src="/static/1da832ea981bf971ffe9b228ce8315d.png"
							mode="">
						</image>
						<text style="margin-top: 15rpx;">看病就医</text>
					</view>
					<view>
						<image style="width: 100rpx; height: 90rpx;" src="/static/f4180e48bf453243c20714255e059ee.png"
							mode="">
						</image>
						<text style="margin-top: 15rpx;">医保电子</text>
						<text>凭证</text>
					</view>
					<view>
						<image style="width: 100rpx; height: 90rpx;" src="/static/9ddf3055787abf2fa939478b4a9866b.png"
							mode="">
						</image>
						<text style="margin-top: 15rpx;">核酸检测结</text>
						<text>果查询</text>
					</view>

				</view>

			</view>
		</view>



	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.box {
		width: 750rpx;
		display: flex;
		flex-direction: column;
	}

	/* 内容 */
	.neir {
		padding: 10rpx;
		display: flex;
		flex-direction: column;
	}

	.neir_neir {
		display: flex;
		flex-direction: column;
	}

	.neir_tou {
		font-weight: 700;
		margin: 10rpx 0;
	}

	.tou {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 330rpx;
	}

	.fuw {
		padding: 10rpx;
		display: flex;
		justify-content: space-around;
	}

	.fuw view {
		font-size: 25rpx;
		padding: 10rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		/* justify-content: center; */
	}
</style>
